import {View} from 'react-native';
import FastImage from '@d11/react-native-fast-image';
/* 
FastImage组件的属性作用：
style={{width: 200, height: 200}}
设置图片的宽度和高度均为200像素
source对象包含：
uri: 'https://unsplash.it/400/400?image=1'：图片的网络地址
headers: {Authorization: 'someAuthToken'}：发送请求时附带的授权信息
priority: FastImage.priority.normal：加载优先级设为正常（其他可选值有low和high）
resizeMode={FastImage.resizeMode.contain}
调整图片大小的模式为"contain"，保持图片比例并确保整个图片可见
其他可选值包括：cover（可能裁剪，填满容器）、stretch（拉伸图片）和center（居中显示）
FastImage相比普通Image组件的优势在于性能更好，支持缓存管理，适合加载网络图片。

 */
export default function App() {
  return (
    <View>
      {/* <FastImage
        style={{width: 200, height: 200}}
        source={{
          uri: 'https://unsplash.it/400/400?image=1',
          headers: {Authorization: 'someAuthToken'},
          priority: FastImage.priority.normal,
        }}
        resizeMode={FastImage.resizeMode.contain}
      /> */}

      {/* fastImage 本地图片 */}
      {/* <FastImage
        style={{width: 200, height: 200}}
        source={require('./src/assets/1.jpg')}
      /> */}

      {/* fastImage 本地动态图 gif */}
      <FastImage
        style={{width: 200, height: 200}}
        source={require('./src/assets/2.gif')}
      />

      {/* fastImage 本地静态图 webp */}
      <FastImage
        style={{width: 200, height: 200}}
        source={require('./src/assets/3.webp')}
      />
    </View>
  );
}
